{extend name="public/base"/}
{block name="body"}
<title>添加角色 - 角色管理 -</title>
</head>
<body>
<article class="page-container">
	<form class="form form-horizontal" id="form-admin-add">
		<input type="hidden" class="input-text" value="{$user.id}" id="id" name="id">
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>角色名称：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="{$user.title}" placeholder="角色名称" id="title" name="title">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">角色权限：</label>
			<div class="formControls col-xs-8 col-sm-9">
				{foreach $ruleo as $key=>$value }
				<dl class="permission-list">
					<dt>
						<label>
							<input type="checkbox" value="{$value.id}" {if in_array($value.id,$ones)}checked{/if} name="one">
							{$value.one}</label>
					</dt>
					<dd>
						<dl class="cl permission-list2">
							{foreach $value.two as $keyt=>$valuet}
							<dt>
								<label>
									<input type="checkbox" value="{$valuet.id}" {if in_array($valuet.id,$twos)}checked{/if} name="two">
									{$valuet.two}</label>
							</dt>
							{/foreach}
						</dl>
					</dd>
				</dl>
				{/foreach}
			</div>
		</div>
		<div class="row cl">
			<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
				<input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
			</div>
		</div>
	</form>
</article>

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="/static/lib/jquery.validation/1.14.0/jquery.validate.js"></script> 
<script type="text/javascript" src="/static/lib/jquery.validation/1.14.0/validate-methods.js"></script> 
<script type="text/javascript" src="/static/lib/jquery.validation/1.14.0/messages_zh.js"></script> 
<script type="text/javascript">
$(function(){
	var idos = new Array();
	var idts = new Array();
	var check = $("input[type=checkbox][name=one]:checked");
	var checktwo = $("input[type=checkbox][name=two]:checked");
	check.each(function(i){
        idos[i] = $(this).val();
    });
	checktwo.each(function(i){
        idts[i] = $(this).val();
    });
	$('.skin-minimal input').iCheck({
		checkboxClass: 'icheckbox-blue',
		radioClass: 'iradio-blue',
		increaseArea: '20%'
	});
	$("#form-admin-add").validate({
		rules:{
			title:{
				required:true,
			}
		},
		onkeyup:false,
		focusCleanup:true,
		success:"valid",
		submitHandler:function(form){
			$(form).ajaxSubmit({
				type: 'post',
				url: "{:url('adminrole_edit')}",
              	data:{idos:idos,idts:idts},
				success: function(data){
					if(data.code==200){
						layer.msg(data.msg,{icon:1,time:1000});
						setTimeout("parent.location.reload()",1000);
					}else{
						layer.msg('失败！',{icon:2,time:3000});
					}

				},
                error: function(XmlHttpRequest, textStatus, errorThrown){
					var index = parent.layer.getFrameIndex(window.name);
					parent.layer.close(index);
				}
			});
		}
	});
	$(".permission-list dt input:checkbox").click(function(){
		$(this).closest("dl").find("dd input:checkbox").prop("checked",$(this).prop("checked"));
		idos.splice(0,idos.length);
		idts.splice(0,idts.length);
		var check = $("input[type=checkbox][name=one]:checked");
		var checktwo = $("input[type=checkbox][name=two]:checked");
		check.each(function(i){
	        idos[i] = $(this).val();
	    });
		checktwo.each(function(i){
	        idts[i] = $(this).val();
	    });
	});
	$(".permission-list2 dd input:checkbox").click(function(){
		idos.splice(0,idos.length);
		idts.splice(0,idts.length);
		var check = $("input[type=checkbox][name=one]:checked");
		var checktwo = $("input[type=checkbox][name=two]:checked");
		check.each(function(i){
	        idos[i] = $(this).val();
	    });
		checktwo.each(function(i){
	        idts[i] = $(this).val();
	    });
		var l =$(this).parent().parent().find("input:checked").length;
		var l2=$(this).parents(".permission-list").find(".permission-list2 dd").find("input:checked").length;
		if($(this).prop("checked")){
			$(this).closest("dl").find("dt input:checkbox").prop("checked",true);
			$(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked",true);
		}
		else{
			if(l==0){
				$(this).closest("dl").find("dt input:checkbox").prop("checked",false);
			}
			if(l2==0){
				$(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked",false);
			}
		}
	});
});
</script> 
{/block}